<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Frame Embed Page</title>
        
        <!-- The stylesheet -->
        <link href="{{bootstrap_css}}" rel="stylesheet">
        <link href="{{framewarp_css}}" rel="stylesheet">
        <link href="{{utils_css}}" rel="stylesheet">
        <link href="{{cloud_css}}" rel="stylesheet">

        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <style>
        h4{
            position: absolute;
            left: 120px;
        }
        </style>
    </head>
    
    <body class="framePage">
        <br>
        <h4>CREATE NEW CATEGORY / PROJECT</h4>
        <br><br><br>
        <div class="row-fluid">
            <div class="span2"></div>
            <div class="span8">
                <form name="category_form" action="#" method="POST">
                    <label class="radio">
                        <input type="radio" name="type" id="optionsRadios1" value="cat" checked>
                        This is a Category (great for general task-managing)
                    </label>
                    <label class="radio">
                        <input type="radio" name="type" id="optionsRadios2" value="proj">
                        This is a Project (offers an awesome mission-based view)
                    </label>
                    <label>Name:</label>
                    <input type="text" class="input-block-level" placeholder="Category / Project Name" name="name">
                    <button type="submit" class="btn btn-primary">Create</button>
                </form>
            </div>
            <div class="span2"></div>
        </div>
        <script src="{{jquery_js}}"></script>
        <script src="{{bootstrap_js}}"></script>
        <script src="{{japp_js}}"></script>
        <script src="{{utils_js}}"></script>
        <script src="{{framewarp_js}}"></script>
        <script src="{{cloud_js}}"></script>
        {% if leave %}
        <script>
        hide_frame();
        parent.location.reload();
        </script>
        {% endif %}
    </body>
</html>